<%-- 
    Document   : index
    Created on : Dec 15, 2014, 3:43:54 PM
    Author     : Tran Thuy Duong
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Handmade</title>
	<link rel="stylesheet" type="text/css" href="css/style.css"/>
	<link rel="stylesheet" type="text/css" href="css/navigation.css"/>
	<link rel="stylesheet" type="text/css" href="css/center_content.css"/>
	<link rel="stylesheet" type="text/css" href="css/footer.css"/>
	<link rel="stylesheet" type="text/css" href="css/menu_tab.css"/>
	<link rel="stylesheet" type="text/css" href="css/showslides.css"/>
	
	<script type="text/javascript" src="js/showslides.js"></script> 

	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
	<script type="text/javascript" src="js/tooltip.js"></script>
        <script>
            // Load Login
        function loadLogin()
        {
        var xmlhttp;
        if (window.XMLHttpRequest)
          {// code for IE7+, Firefox, Chrome, Opera, Safari
          xmlhttp=new XMLHttpRequest();
          }
        else
          {// code for IE6, IE5
          xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
          }
        xmlhttp.onreadystatechange=function()
          {
          if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {
            document.getElementById("center_content").innerHTML=xmlhttp.responseText;
            }
          }
        xmlhttp.open("GET","Login.jsp",true);
        xmlhttp.send();
        }
            // Load Register
         function loadRegister(location)
        {
        window.location=location;
        }
        
       
         function loadPro_Detail_new()
        {
        var xmlhttp;
        if (window.XMLHttpRequest)
          {// code for IE7+, Firefox, Chrome, Opera, Safari
          xmlhttp=new XMLHttpRequest();
          }
        else
          {// code for IE6, IE5
          xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
          }
        xmlhttp.onreadystatechange=function()
          {
          if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {
            document.getElementById("center_content").innerHTML=xmlhttp.responseText;
            }
          }
          var masp = document.pro_box_new.masp.value;
        xmlhttp.open("GET","C_Pro_Account?ProAction=detail&masp=" + masp,true);
        xmlhttp.send();
        }
        
         function loadPro_Detail_pmt()
        {
        var xmlhttp;
        if (window.XMLHttpRequest)
          {// code for IE7+, Firefox, Chrome, Opera, Safari
          xmlhttp=new XMLHttpRequest();
          }
        else
          {// code for IE6, IE5
          xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
          }
        xmlhttp.onreadystatechange=function()
          {
          if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {
            document.getElementById("center_content").innerHTML=xmlhttp.responseText;
            }
          }
          var masp = document.pro_box_pmt.masp.value;
        xmlhttp.open("GET","C_Pro_Account?ProAction=detail&masp=" + masp,true);
        xmlhttp.send();
        }
        function loadHMLamDep()
        {
             var xmlhttp;
        if (window.XMLHttpRequest)
          {// code for IE7+, Firefox, Chrome, Opera, Safari
          xmlhttp=new XMLHttpRequest();
          }
        else
          {// code for IE6, IE5
          xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
          }
        xmlhttp.onreadystatechange=function()
          {
          if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {
            document.getElementById("center_content").innerHTML=xmlhttp.responseText;
            }
          }
          
        xmlhttp.open("GET","C_Pro_Account?ProAction=ShowDMSP&dmsp=HMLD",true);
        xmlhttp.send();
        }
        
        </script>
</head>

<body>
<div class="main">
	<div class="bg_topmenu">
		<div id="TopMenu">
							
			<ul>
			
				<li class="First topMenu_Account">
					<a onclick="loadLogin();">
						Tài khoản của tôi
					</a>
				</li>
				<li class="topMenu_Order">
					<a href="#">
						Quản lý đơn hàng
					</a>
				</li>
				<li class="topMenu_Wishlist">
					<a onclick="loadLogin();">
						Danh sách ưa thích
					</a>
				</li>
				<li class="CartLink topMenu_Cart">
					<a onclick="loadLogin();">
						Giỏ hàng
						<span id="pInTop"></span>
					</a>
				</li>
				
				<li class="topMenu_Login">
                                    <a onclick="loadLogin();">
						Đăng nhập
					</a>
				</li>
				<li class="topMenu_Register">
                                    <a onclick="loadRegister('Register.jsp')">
						Đăng ký
					</a>
				</li>
                               
				
			</ul>

		</div>
	</div>

	
	<div id="Header">
	</div>
	
		
	<!--Begin Menu tab-->
		
			<div id="menu_tab">
				<div class = "left_menu_content"></div>
				<ul class="menu">
					<li><a href="#" id="nav_home" class="active"><span>Trang chủ</span></a></li>
					<li class = "divider"></li>
					<li><a href="#" id="nav_introduce"><span>Giới thiệu</span></a></li>
					<li class = "divider"></li>
					<li><a href="#" id="nav_product"><span>Sản phẩm</span></a></li>
					<li class = "divider"></li>
					<li><a href="#" id="nav_news"><span>Tin tức</span></a></li>
					<li class = "divider"></li>
					<li><a href="#" id="nav_contact"><span>Liên hệ</span></a></li>
					<li class = "divider"></li>
					<li><a href="#" id="nav_map"><span>Bản đồ</span></a></li>	
					<li class = "divider"></li>				
				</ul>
				<div id="search_form">
					<input name="" type="text" id="" class="search_input" onkeydown="return keyDownHandler">
					<input name="" type="submit" id="" class="search_button" value onclick="OnSearchClick()">
				</div>		
		
		</div>
		<!--End Menu tab-->
	
	<!-- Content: Start -->
	<div id="Wrapper">
	
		<!-- Navigation: Start -->
		<div class="navigation">
			Navigation: <span class="current"> Home </span>
		</div>
		<!-- Navigation: End -->
		
		
		<!-- Left: Start -->
		<div id="PaneLeft">
			<div id="PaneLeft_1">
				<div id="PaneLeft_header">
					<p>SẢN PHẨM</p>
				</div>
					
				<div class="content">
					<div class="product">
						<div class="product_istar"></div>
						<div class="product_name">
							<a onclick="loadHMLamDep();" >
								<p>HANDMADE LÀM ĐẸP<p>
							</a>
						</div>
					</div>
				</div>
				
				<div class="content">
					<div class="product">
						<div class="product_istar"></div>
						<div class="product_name">
							<a href="#">
								<p>HANDMADE CUỘC SỐNG<p>
							</a>
						</div>
					</div>
				</div>
				
				<div class="content">
					<div class="product">
						<div class="product_istar"></div>
						<div class="product_name">
							<a href="#">
								<p>BẾP HANDMADE<p>
							</a>
						</div>
					</div>
				</div>
				
				<div class="content">
					<div class="product">
						<div class="product_istar"></div>
						<div class="product_name">
							<a href="#">
								<p>QUÀ TẶNG HANDMADE<p>
							</a>
						</div>
					</div>
				</div>
				
				<div class="content">
					<div class="product">
						<div class="product_istar"></div>
						<div class="product_name">
							<a href="#">
								<p>NGUYÊN LIỆU HANDMADE<p>
							</a>
						</div>
					</div>
				</div>
				
				<div class="footer">
				</div>
			</div>
				
			<div id="PaneLeft_1">
				<div id="PaneLeft_header">
					<p>TÌM THEO GIÁ</p>
				</div>
					
				<div class="content">
					<div class="product">
						<div class="product_iprice"></div>
						<div class="product_name">
							<a href="#">
								<p>DƯỚI 30 NGHÌN<p>
							</a>
						</div>
					</div>
				</div>
				
				<div class="content">
					<div class="product">
						<div class="product_iprice"></div>
						<div class="product_name">
							<a href="#">
								<p>TỪ 30-50 NGHÌN<p>
							</a>
						</div>
					</div>
				</div>
				
				<div class="content">
					<div class="product">
						<div class="product_iprice"></div>
						<div class="product_name">
							<a href="#">
								<p>TỪ 50-100 NGHÌN<p>
							</a>
						</div>
					</div>
				</div>
				
				<div class="content">
					<div class="product">
						<div class="product_iprice"></div>
						<div class="product_name">
							<a href="#">
								<p>TỪ 100-200 NGHÌN<p>
							</a>
						</div>
					</div>
				</div>
				
				<div class="content">
					<div class="product">
						<div class="product_iprice"></div>
						<div class="product_name">
							<a href="#">
								<p>TRÊN 200 NGHÌN<p>
							</a>
						</div>
					</div>
				</div>
				
				<div class="footer">
				</div>
			</div>
				
			<div id="PaneLeft_1">
				<div id="PaneLeft_header">
					<p>HỖ TRỢ</p>
				</div>
					
				<div class="content">
					<div class="product">
						<div class="product_ihelp"></div>
						<div class="product_name">							
							<p>Tư vấn hỗ trợ:<p>	
							<ul>
								<p>Số điện thoại: 0123xxxxxxxx</p>
								<p>Email:</p>
								<a href="#">
									<p>handmadettd@gmail.com</p>
								</a>								
							</ul>													
						</div>
					</div>					
				</div>	
				
				<div class="footer">
				</div>
			</div>
			
			<div id="PaneLeft_1">
				<div id="PaneLeft_header">
					<p>LƯỢT TRUY CẬP</p>
				</div>
					
				<div class="content">
					<div class="product">						
							<p>Đang trục tuyến: </p>
							<p>Hôm qua: </p>	
							<p>Hôm nay: </p>	
							<p>Tất cả: </p>						
					</div>					
				</div>	
				
				<div class="footer">
				</div>
			</div>				
		</div>
		<!-- Left: End -->
		
		<!-- Center: Start -->
			<div class="center_content">
                    <c:set var="INFO" value="${requestScope.INFOPro_Detail}"/>
                    <c:if test="${not empty INFO}">
                        <c:set var="count" value="0"/>
                        <c:forEach var="rows" items="${INFO}">
                        <c:set var="count" value="${count + 1}"/>
                        
			<div class="image_poduct">
			</div>
			
			<div class="detail">
				<h2>${rows.tensp}</h2>
				
				<p>Nhà sản xuất: ${rows.nhacc}</p>
				
				<p> Giá bán: ${rows.giaban}</p>
				<p> Trạng thái: ${rows.trangthai}</p>
				<p> Số lượng: <input type="number" name="" id="" /><button>ĐẶT MUA</button></p>
				
			</div>
			
			<div class="describe">
				<h3>MÔ TẢ SẢN PHẨM</h3>
				<div class="des">${rows.mota}
					<!--<p>Mang xu hướng retro với dây da tết cùng dây cói nhiều màu, kết hợp với các hạt họa tiết độc đáo, những chiếc vòng Mixed cá tính gần như không thể thiếu với những cô nàng yêu sáng tạo, 1 chút bụi bặm, 1 chút phá cách mà vẫn ngọt ngào theo cách riêng của mình (những chiếc vòng này sẽ không bao giờ sợ đụng hàng vì cách trộn màu, nguyên liệu, kiểu dáng tự do). Mixed sẽ là điểm nhấn đáng yêu cho trang phục của bạn.
					HandyMoon cảm ơn bạn đã ghé thăm website xem sản phẩm. Mong các bạn có thể lựa chọn được sản phẩm thật ưng ý nhé.<p>
					
					<p>HandyMoon - số 3, ngõ 409, Kim Mã, Ba Đình, Hà Nội.<br>
					Facebook: https://www.facebook.com/handymoon.shop<br>
					Email: shop@handymoon.com<br>
					Hotline: 0943.617.515<p>-->
				</div>
				
			</div>
			</div>
		<!-- Center: End -->

		<!-- Right: Start -->
		<div id="PaneRight">
			<div id="PaneRight_1">
				<div id="PaneRight_header">
					<p>GIỎ HÀNG</p>
				</div>
				<div class="content">
					<p>Chưa có sản phẩm nào trong giỏ hàng của bạn!<p>
				</div>
				<div class="footer">
				</div>
			</div>
			
			<div id="PaneRight_1">
				<div id="PaneRight_header">
						<p>SẢN PHẨM BÁN CHẠY</p>
				</div>
				<div class="content">
					<div class="product">
						<div class="product_number">1</div>
						<div class="product_name"><a href="#"><p>THỎ BÔNG<p></a></div>
						<div class="product_price"><p>80.000đ<p></div>
					</div>
					
					<div class="product">
						<div class="product_number">2</div>
						<div class="product_name"><a href="#"><p>VÒNG MIXED CÁ TÍNH<p></a></div>
						<div class="product_price"><p>50.000đ<p></div>
					</div>
					
					<div class="product">
						<div class="product_number">3</div>
						<div class="product_name"><a href="#"><p>HOA VẢI YÊU THƯƠNG<p></a></div>
						<div class="product_price"><p>110.000đ<p></div>
					</div>
				</div>
				<div class="footer">
				</div>
			</div>
			
			<div id="PaneRight_1">
				<div id="PaneRight_header">
						<p>TIN TỨC</p>
				</div>
				<div class="content">
					<div class="new">
						<div class="new_image"><a href="#"><img src="images/anh1-305x175.jpg" height="45" width="60"></a></div>
						<div class="new_title"><a href="#"><p>Đồ handmade – Trao gửi yêu thương<p></a></div>
					</div>
					
					<div class="new">
						<div class="new_image"><a href="#"><img src="images/qua.jpg" height="45" width="60"></a></div>
						<div class="new_title"><a href="#"><p>Học cách làm nơ cho hộp quà 20-11 thêm rực rỡ nhé!<p></a></div>
					</div>
					
					<div class="new">
						<div class="new_image"><a href="#"><img src="images/hop-qua-lang-man-ngay-8-3.jpg" height="45" width="60"></a></div>
						<div class="new_title"><a href="#"><p>Làm hộp quà siêu lãng mạn thay lời tỏ tình tặng nàng ngày 8 – 3<p></a></div>
					</div>
					
					<div class="new">
						<div class="new_image"><a href="#"><img src="images/WT-015WHI-XL-2-305x175.jpg" height="45" width="60"></a></div>
						<div class="new_title"><a href="#"><p>Len Handmade, cô bạn thân mùa đông.<p></a></div>
					</div>
					
					<div class="new">
						<div class="new_image"><a href="#"><img src="images/a1-305x175.jpg" height="45" width="60"></a></div>
						<div class="new_title"><a href="#"><p>Các cách gọt, tỉa hoa quả vừa nhanh, đẹp và độc đáo...<p></a></div>
					</div>
					
				</div>
				<div class="footer">
				</div>
			</div>
		
		</div>
		<!-- Right: End -->
		
		<div class="footer_final">
				
						<div id="footer-info">
							<ul class="column1">
								<li><span>Thủ tục</span></li>
								
								<li href="#">Đăng kí thành viên</li>
								<li href="#">Kích hoạt tài khoản đăng tin</li>
								<li href="#">Đăng ký gian hàng miễn phí</li>
								<li href="#">Đăng tin hỏi đáp</li>
								<li href="#">Muốn bán sản phẩm</li>
								<li href="#">Liên hệ hỗ trợ về sản phẩm</li>
							</ul>
							<ul class="column2">
								<li><span>Bảo vệ người tiêu dùng</span></li>
								<li href="#">Bảo hiểm</li>
								<li href="#">An ninh giao dịch</li>
								<li href="#">Người mới đăng ký</li>
								<li href="#">Phản hồi người tiêu dùng</li>
								<li href="#">Trợ giúp trực tuyến 24h</li>
							</ul>
							<ul class="column3">
								<li><span>Thanh toán</span></li>
								<li href="#">Phương thức thanh toán</li>
								<li href="#">Thiết lập tài khoản thanh toán</li>
								<li href="#">Mua hàng không cần tài khoản</li>
								<li href="#">Thanh toán an toàn</li>
								<li href="#">Nạp tiền tài khoản</li>
								
							</ul>
							
						</div>
					
		</div>
		
		
	</div>
	<!-- Content: End -->
	
	
	
	
</div>

	  
</body>
</html>

